.roleControl {
  background-color: #F3F3F4;
  padding: 20px;
  flex-direction: column;
  display: flex;
  height: 100%;

  .headerTop {
    padding: 0px 10px;
    background-color: white;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);

    .headerTopAll {
      .headerTop-input-check {
        background-color: #1AB394;
        color: white
      }

      .headerTop-input-reset {
        background-color: #F8AC59;
        color: white
      }

      .el-form-item {
        margin-bottom: 5px;

        .el-form-label {
          padding: 0px 12px 0px 0px;
        }

        .el-input__inner {
          padding: 0px 15px;
        }
      }
    }
  }

  .subject {
    flex: 1;
    background-color: white;
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

    .subject-button {
      .subject-button-body {
        color: white;
        padding: 5px 10px;
        margin-right: 10px
      }
    }

    .addDialog {
      width: auto;

    }
  }

  .el-select {
    width: 100%;
  }
}
